<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/lunbo.css">

</head>
<body>
<div id="showbox">
    <div id="content">
        <div id="item">
            <a href="#">
                <img src="./images/banner.jpg" alt="" width="730" height="454">
            </a>
        </div>
        <div id="item">
            <a href="#">
                <img src="./images/banner1.jpg" alt="" width="730" height="454">
            </a>
        </div>
        <div id="item">
            <a href="#">
                <img src="./images/banner2.jpg" alt="" width="730" height="454">
            </a>
        </div>
        <div id="item">
            <a href="#">
                <img src="./images/banner3.jpg" alt="" width="730" height="454">
            </a>
        </div>
        <div id="item">
            <a href="#">
                <img src="./images/banner4.jpg" alt="" width="730" height="454">
            </a>
        </div>
        <div id="item">
            <a href="#">
                <img src="./images/banner.jpg" alt="" width="730" height="454">
            </a>
        </div>
    </div>
    <div id="leftArrow" class="unactive">
        <img src="./images/disabled-prev.png" alt="">
    </div>
    <div id="rightArrow" class="unactive">
        <img src="./images/disabled-next.png" alt="">
    </div>
    <ul id="uls">
        <li class="liactive"></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</div>
<script src="Js/lunbo.js"></script>
</body>
</html>